<template>
	<div class="arrow right-arrow" @click="fn">
		<span></span>
	</div>
</template>

<script>

	export default {
		name: '',
		data() {
			return {
				
			}
		},
		props:{
	        fn:{
	        	type:Function
	        }
	    },
		components: {

		},
		mounted() {
			
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
	.arrow{
	    position:absolute;
	    height:1.2222rem;
	    width:0.8333rem;
	    right:0.1388rem;
	    text-align:center;
	    top:0;
	    &.right-arrow{
	    	span{
		        background:#fff;
		        border-bottom:2px solid #8C9AA8;
		        border-right:2px solid #8C9AA8;
		        transform:rotate(-45deg);
		        width:0.25rem;
		        height:0.25rem;
		        box-sizing:border-box;
		        display: inline-block;
	    	}
	    }
	}
</style>